Personnalisation forum

[golden]

Bonjours a vous tous.

Je regarde souvent des thème de forum et je remarque que de plus en plus que certain on un style différent de présentation
Que ce soit en présentation des catégorie ( voir image 1 )
et aussi en présentation des sections ( voir image 2 )

Perso plus je les vois et plus j'adore et je voudrais bien savoir comment faire pour avoir pareil.
Je trouve plus class et plus clair comme ça.

Merci d'avance pour vos réponses.
Je signale aussi que je suis pas le roi des codeurs donc soyez bien clair.


Autrement MKC, tu as fait une annonce pour une mise à jours te Tiny portal mais j'ai peur de faire des connerie
car si je supprime le paquet de l'ancienne version j'ai peur de perdre tous ce que j'ai mis déjà sur mon portail.
Comment puis je procéder pour mettre cette nouvelle version

[Marc]

Bonjour golden,

Pour tes modifs cela se passe dans les fichiers boardindex.template.php et MessageIndex.template.php et en plus la feuille de style.
Si tu as le nom du thème ça serait interessant.

Pour tinyportal 1.0.6 beta2, la traduction est presque finie et je vais faire un tuto pour la mise à jour et installation, j'attend la fin de la traduction 

[golden]

Pour tiny portal, je vais attendre encore un peu que le trad soit fini.

Autrement mon thème est DSV1 de chez dzinerstudio ( payant )
si tu veux les fichiers, tu me dit

[Marc]

Si tu as déjà le thème, tu veux l'appliquer à un autre thème je suppose, donc il me faudrait le thème que tu souhaites modifier et celui dont tu veux récupérer la modification 
Tu m'envois ça sur mon mail

[golden]

Non on c'est mal compris.
Je voudrais appliquer sur mon thème perso et faire comme les deux images que j'ai mis en pièce jointe

[Marc]

Non on c'est mal compris.
Je voudrais appliquer sur mon thème perso et faire comme les deux images que j'ai mis en pièce jointe

J'ai bien compris, il me faut donc le thème dont tu souhaites récupérer le style et il me faut celui que tu as actuellement pour te préparer un dérivé de thème. 

[golden]

ça j'ai pas par contre.
j'ai juste mon thème

Je vais regarder si j'en trouve

[golden]

Je viens de trouver ça qui à la même disposition de texte que je veux - > http://custom.simplemachines.org/themes/index.php?lemma=1016

est ce que ça peut t'être utile ???
si c'est bon, dit moi quel fichier de mon thème tu veux

[Marc]

Oui ça me va mais à ta charge de faire le style.
Il me faut les fichiers indiqués plus haut BoardIndex.template.php et MessageIndex.template.php 

[golden]

Oki, je veux bien essayer le fichier style.css
donc voici les fichiers demandé.

Par contre juste pour info pour toi, pour le fichier BoardIndex.template.php
Moi je l'avais supprimé de mon ftp car il m'ajoutais une ligne supplémentaire comme mon image et je n'aimais pas.

[golden]

Je viens de faire un essai sur un autre thème que j'ai
et j'ai tous simplement placer les deux fichiers "BoardIndex.template.php" et "MessageIndex.template.php"
dans mon thème de teste.

Tous fonctionne bien à part deux petit défauts.
Un, un peu important et l'autre plus de l'ordre esthétique

Comme mon image posté pour le premier, j'ai pas besoin d'expliquer je pense vue que les images ne s'affiche plus
je pense que c'est du au chemin qu'il doivent trouver.

Le deuxième comme dit plus haut de l'ordre esthétique car on distingue la phrase " Fils de discussions " et il serais plus judicieux d'avoir à la place juste " Discussions "
ça je pense que c'est du au fichier de trad en français

[Marc]

Alors pour la liste des sections

Editer le fichier BoardIndex.template.php de ton thème

• Chercher:
  

           echo  '
           <table border="0" width="100%" cellspacing="1" cellpadding="5" >
              <tr class="titlebg3">
                 <td colspan="2">', $txt[20], '</td>
                 <td width="6%" align="center">', $txt[21], '</td>
                 <td width="6%" align="center">', $txt[330], '</td>
                 <td width="24%" align="center">', $txt[22], '</td>
              </tr>';
  

  
  Remplacer par:
  

           echo  '
           <table border="0" width="100%" cellspacing="1" cellpadding="5" >
              <tr class="titlebg3">
                 <td colspan="2">', $txt[20], '</td>
                 <td width="6%" align="center">', $txt[21], '</td>
                 <td width="6%" align="center">', $txt[330], '</td>
              </tr>';
  

• Chercher:
  

              <td class="windowbg2" width="50%">
                 <b><a href="', $board['href'], '" name="b', $board['id'], '">', $board['name'], '</a></b><br />
                    ', $board['description'];
  

  
  Ajouter après:
  

              if (!empty($board['last_post']['id']))
                 echo '
                                      <span class="lastpost"><b>', $txt[22], '</b> ', $txt[525], ' ', $board['last_post']['member']['link'], ' ', $txt[30], ' ', $board['last_post']['time'] , ' ', $txt['smf88'], ' ', $board['last_post']['link'], '</span>';
  

• Chercher:
  

              <td class="windowbg" valign="middle" align="center" width="6%">
                 ', $board['topics'],'
              </td>
              <td class="windowbg" valign="middle" align="center" width="6%">
                 ', $board['posts'], '
  

  
  Remplacer par:
  

              <td class="windowbg2" valign="middle" align="center" width="8%">
                 <span class="largetext">', $board['posts'],'</span><br /><span class="smalltext">', $txt[21], '</span>
              </td>
              <td class="windowbg2" valign="middle" align="center" width="8%">
                 <span class="largetext">', $board['topics'],'</span><br /><span class="smalltext">', $txt[330], '</span>
  

• supprimer:
  

              </td>
              <td class="windowbg2" valign="middle" width="24%">
                 <span class="smalltext">';
  
              /* The board's and children's 'last_post's have:
              time, timestamp (a number that represents the time.), id (of the post), topic (topic id.),
              link, href, subject, start (where they should go for the first unread post.),
              and member. (which has id, name, link, href, username in it.) */
              if (!empty($board['last_post']['id']))
                 echo '
                                      <b>', $txt[22], '</b> ', $txt[30], ' ', $board['last_post']['time'] , '<br />
                                      ', $txt[525], ' ', $board['last_post']['member']['link'], ' ', $txt['smf88'], ' ', $board['last_post']['link'];
              echo '
                 </span>
              </td>
  

Alors pour la liste des messages

Editer le fichier MessageIndex.template.php de ton thème

• Chercher:
  

           <tr class="titlebg3">
              <td colspan="2">', $txt[20], '</td>
              <td width="6%" align="center">', $txt[21], '</td>
              <td width="6%" align="center">', $txt[330], '</td>
              <td width="24%" align="center">', $txt[22], '</td>
           </tr>';
  

  
  Remplacer par:
  

           <tr class="titlebg3">
              <td colspan="2">', $txt[20], '</td>
              <td width="6%" align="center">', $txt[21], '</td>
              <td width="6%" align="center">', $txt[330], '</td>
           </tr>';
  

• Chercher:
  

              <td class="windowbg2">
                 <b><a href="', $board['href'], '" name="b', $board['id'], '">', $board['name'], '</a></b><br />
                 ', $board['description'];
  

  
  Ajouter après:
  

              if (!empty($board['last_post']['id']))
                 echo '
                                      <span class="lastpost"><b>', $txt[22], '</b> ', $txt[525], ' ', $board['last_post']['member']['link'], ' ', $txt[30], ' ', $board['last_post']['time'] , ' ', $txt['smf88'], ' ', $board['last_post']['link'], '</span>';
  

• Chercher:
  

              <td class="windowbg" valign="middle" align="center" width="6%">
                 ', $board['topics'],'
              </td>
              <td class="windowbg" valign="middle" align="center" width="6%">
                 ', $board['posts'], '
  

  
  Remplacer par:
  

              <td class="windowbg2" valign="middle" align="center" width="8%">
                 <span class="largetext">', $board['posts'],'</span><br /><span class="smalltext">', $txt[21], '</span>
              </td>
              <td class="windowbg2" valign="middle" align="center" width="8%">
                 <span class="largetext">', $board['topics'],'</span><br /><span class="smalltext">', $txt[330], '</span>
  

• Supprimer:
  

              <td class="windowbg2" valign="middle" width="24%">';
  
           /* The board's and children's 'last_post's have:
              time, timestamp (a number that represents the time.), id (of the post), topic (topic id.),
              link, href, subject, start (where they should go for the first unread post.),
              and member. (which has id, name, link, href, username in it.) */
           if (!empty($board['last_post']['id']))
              echo '
                                <b>', $txt[22], '</b> ', $txt[30], ' ', $board['last_post']['time'] , '<br />
                                ', $txt[525], ' ', $board['last_post']['member']['link'], ' ', $txt['smf88'], ' ', $board['last_post']['link'];
  
              echo '
              </td>
  

• Chercher:
  

                    <td width="9%" colspan="2" class="catbg3"></td>
  
                    <td class="catbg3"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=subject', $context['sort_by'] == 'subject' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt[70], $context['sort_by'] == 'subject' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></td>
  
                    <td class="catbg3" width="11%"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=starter', $context['sort_by'] == 'starter' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt[109], $context['sort_by'] == 'starter' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></td>
  
                    <td class="catbg3" width="4%" align="center"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=replies', $context['sort_by'] == 'replies' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt[110], $context['sort_by'] == 'replies' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></td>
  
                    <td class="catbg3" width="4%" align="center"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=views', $context['sort_by'] == 'views' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt[301], $context['sort_by'] == 'views' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></td>
  
                    <td class="catbg3" width="22%"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=last_post', $context['sort_by'] == 'last_post' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt[111], $context['sort_by'] == 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></td>';
  

  
  Remplacer par:
  

                    <td width="10%" colspan="2" class="catbg3">', $txt[110], '</td>
  
                    <td class="catbg3"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=subject', $context['sort_by'] == 'subject' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt[70], $context['sort_by'] == 'subject' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></td>
  
                    <td class="catbg3" width="25%"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=last_post', $context['sort_by'] == 'last_post' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt[111], $context['sort_by'] == 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></td>';
  

• Chercher:
  

                    <td class="catbg3" width="100%" colspan="7"><b>', $txt[151], '</b></td>';
  

  Remplacer par:
  

                    <td class="catbg3" width="100%" colspan="4"><b>', $txt[151], '</b></td>';
  

• Chercher:
  

                 <tr>
                    <td class="windowbg2" valign="middle" align="center" width="5%">
                       <img src="', $settings['images_url'], '/topic/', $topic['class'], '.gif" alt="" />
                    </td>
                    <td class="windowbg2" valign="middle" align="center" width="4%">
                       <img src="', $topic['first_post']['icon_url'], '" alt="" />
                    </td>
                    <td class="windowbg' , !empty($settings['seperate_sticky_lock']) && $topic['is_sticky'] ? '3' : '' , '" valign="middle" ', (!empty($topic['quick_mod']['remove']) ? 'id="topic_' . $topic['first_post']['id'] . '" onmouseout="mouse_on_div = 0;" onmouseover="mouse_on_div = 1;" ondblclick="modify_topic(\'' . $topic['id'] . '\', \'' . $topic['first_post']['id'] . '\', \'' . $context['session_id'] . '\');"' : ''), '>';
  
           if (!empty($settings['seperate_sticky_lock']))
              echo '
                       ' , $topic['is_locked'] ? '<img src="' . $settings['images_url'] . '/icons/quick_lock.gif" align="right" alt="" id="lockicon' . $topic['first_post']['id'] . '" style="margin: 0;" />' : '' , '
                       ' , $topic['is_sticky'] ? '<img src="' . $settings['images_url'] . '/icons/show_sticky.gif" align="right" alt="" id="stickyicon' . $topic['first_post']['id'] . '" style="margin: 0;" />' : '';
  

  Remplacer par:
  

                    <tr>
                       <td class="windowbg' , $topic['is_sticky'] ? '_sticky' : '' , '" valign="middle" align="center" width="6%">
                          <span class="largetext">', $topic['replies'], '</span><br /><span class="smalltext">', $txt[110], '</span>
                       </td>
                       <td class="windowbg' , $topic['is_sticky'] ? '_sticky' : '' , '" valign="middle" align="center" width="4%">
                          <img src="', $topic['first_post']['icon_url'], '" alt="" />
                       </td>
                       <td class="windowbg' , $topic['is_sticky'] ? '_sticky' : '' , '" valign="middle" ', (!empty($topic['quick_mod']['remove']) ? 'id="topic_' . $topic['first_post']['id'] . '" onmouseout="mouse_on_div = 0;" onmouseover="mouse_on_div = 1;" ondblclick="modify_topic(\'' . $topic['id'] . '\', \'' . $topic['first_post']['id'] . '\', \'' . $context['session_id'] . '\');"' : ''), '>';
  
              if (!empty($settings['seperate_sticky_lock']))
                 echo '
                          ' , $topic['is_locked'] ? '<img src="' . $settings['images_url'] . '/icons/quick_lock.gif" align="right" alt="" id="lockicon' . $topic['first_post']['id'] . '" style="margin-right: 3px;" />' : '' , '
                          ' , $topic['is_sticky'] ? '<img src="' . $settings['images_url'] . '/icons/show_sticky.gif" align="right" alt="" id="stickyicon' . $topic['first_post']['id'] . '" style="margin-right: 3px;" />' : '';
  

• Chercher:
  

           echo '
                       <small id="pages' . $topic['first_post']['id'] . '">', $topic['pages'], '</small>
                    </td>
                    <td class="windowbg2" valign="middle" width="14%">
                       ', $topic['first_post']['member']['link'], '
                    </td>
                    <td class="windowbg' , $topic['is_sticky'] ? '3' : '' , '" valign="middle" width="4%" align="center">
                       ', $topic['replies'], '
                    </td>
                    <td class="windowbg' , $topic['is_sticky'] ? '3' : '' , '" valign="middle" width="4%" align="center">
                       ', $topic['views'], '
                    </td>
                    <td class="windowbg2" valign="middle" width="22%">
                       <a href="', $topic['last_post']['href'], '"><img src="', $settings['images_url'], '/icons/last_post.gif" alt="', $txt[111], '" title="', $txt[111], '" style="float: right;" /></a>
                       <span class="smalltext">
                          ', $topic['last_post']['time'], '<br />
                          ', $txt[525], ' ', $topic['last_post']['member']['link'], '
                       </span>
                    </td>';
  

  Remplacer par:
  

                 echo '
                          <small id="pages' . $topic['first_post']['id'] . '">', $topic['pages'], '</small><br />
                          <span class="smalltext">', $txt[195], ' ', $topic['first_post']['member']['link'], ' ',$txt[30], ' ', $topic['first_post']['time'], '</span><br />
                          <small>', $txt[301],  ' : ', $topic['views'], '</small>
                       </td>
                       <td class="windowbg' , $topic['is_sticky'] ? '_sticky' : '' , '" valign="middle" width="25%">
                          <img src="', $settings['images_url'], '/topic/', $topic['class'], '.gif" alt="" style="float: right;" />
                          <span class="smalltext">
                             <a href="', $topic['last_post']['href'], '"><strong>', $txt[111], '</strong></a> ', $txt[525], ' ', $topic['last_post']['member']['link'], '<br />
                             ',$txt[30], ' ', $topic['last_post']['time'], '<br />
                          </span>
                       </td>';
  

[golden]

Merci MKC pour les explications
Je vais essayer tous ça ce soir

[golden]

Merci MKC, j'ai fais les modifs et tous fonctionne bien à priorie.
Faudra voir à long terme si pas de bugs mais pour le moment j'en rencontre pas.
Par contre suite à tes codes, j'ai du faire des modification car cela ne correspondais pas trop à ce que je voulais
et j'ai essayé pendant un bon moment d'adapté à ce que je voulais car comme tu sais je suis pas le roi des codeurs et donc ça n'a pas été sans mal
mais j'y suis arrivé. Merci de ta patience et de m'avoir aider.

Comme aussi suite à la modif, j'avais maintenant sur la droite " Fils de discussion " et aux dessus le chiffres mais cela s'affichais sur plusieurs lignes
et perso c'était pas beau. Comme sur ce coup il faut pas être devins pour comprendre que c'est du à la longueur du texte ( " fils de dicussion " est quand même très long )
donc j'ai chercher dans le fichier de traduction French qui se trouve dans le thème par défaut et j'ai trouver le fichier qu'il me fallait.
Comme je savais pas lequel changer, du coup j'ai tous retraduit en  "sujet (s)" et perso c'est beaucoup mieux maintenant.

Je vous fais donc profiter de mon fichier index.french.php si cela peut vous aidez

[Marc]

Merci golden,
Comme tu l'indiques, l'utilisation de "fils de discussions" est obsolète et ne s'adapte pas du tout sur la plupart des thèmes, sur smfgratuit nous avons opté aussi comme toi à la traduction de "sujet" qui pose beaucoup moins de problème.